import React,{Component} from 'react';
import "../../Style/fund.css";

export default class Fund_info1 extends React.Component{
    render(){
        return(
            <div className="fund_info">
                <div className="list_topic">
                    <h1>货币基金</h1>
                    <p>稳健收益，申赎免费</p>
                </div>
                <ul className="fund_list">
                    <li style={{position:'relative'}} onClick={()=>{window.location.href = "#/terran/fundinfo?fundID="+parseInt('000905')}}>
                        <div className="f_fundname">
                            <h2 style={{fontWight:'bold',fontSize:'16px'}}>鹏华安盈宝货币</h2>
                        </div>
                        <div className="f_fundinfo">
                            <div style={{float:'left',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'orangered',margin:'5px 0 0 0',padding:0}}>2.5250%</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>七日年化</p>
                            </div>
                            <div style={{float:'right',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'balck',margin:'5px 0 0 0',padding:0}}>0.6118</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>万份收益</p>
                            </div>
                        </div>
                    </li>
                    <li style={{position:'relative'}} onClick={()=>{window.location.href = "#/terran/fundinfo?fundID=0004972"}}>
                        <div className="f_fundname">
                            <h2 style={{fontWight:'bold',fontSize:'16px'}}>长城收益宝货币A</h2>
                        </div>
                        <div className="f_fundinfo">
                            <div style={{float:'left',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'orangered',margin:'5px 0 0 0',padding:0}}>2.3920%</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>七日年化</p>
                            </div>
                            <div style={{float:'right',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'balck',margin:'5px 0 0 0',padding:0}}>0.6562</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>万份收益</p>
                            </div>
                        </div>
                    </li>
                    <li style={{position:'relative'}} onClick={()=>{window.location.href = "#/terran/fundinfo?fundID=001909"}}>
                        <div className="f_fundname">
                            <h2 style={{fontWight:'bold',fontSize:'16px'}}>创金合信货币</h2>
                        </div>
                        <div className="f_fundinfo">
                            <div style={{float:'left',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'orangered',margin:'5px 0 0 0',padding:0}}>2.3470%</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>七日年化</p>
                            </div>
                            <div style={{float:'right',textAlign:'center'}}>
                                <h3 style={{fontWight:'bold',fontSize:'16px',color:'balck',margin:'5px 0 0 0',padding:0}}>0.8952</h3>
                                <p style={{color:'grey',fontSize:'8px',margin:'5px 0 0 0',padding:0}}>万份收益</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        )
    };
};